<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<style>
    .delImg{
        border-radius: 50%;
        position: absolute;
        right: -6px;
        top: -6px;
        background-color: #fff;
        color: red;
        font-size: 18px;
        cursor: pointer;
        display:none;
    }
    .img-block{
        position: relative; 
        width: 100px;
        height: 100px; 
        float: left;
        margin-top:8px;
        margin-right:8px;
    }
    .img-block:hover .delImg{
        display:block;
    }
    .img-block img{
        width: 100px;
        height: 100px;
    }
    .delAtt{
        border-radius: 50%;
        position: absolute;
        right: 10px;
        top: 15px;
        background-color: #eee;
        background-color: #fff;
        color: red;
        font-size: 19px;
        cursor: pointer;
        display:none;
    }
    .att-block{
        padding: 0 10px;
        margin: 10px 0;
        background-color: #eee;
        position: relative;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
    }
    .att-block:hover{
         border-color: #cacaca;
    } 
    .att-block:hover .delAtt{
        display:block;
    }
    .file-name{
       font-size: 14px;
       width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
       display: inline-block;
       height: 50px;
       line-height: 50px;
        padding-left: 30px;
    }
    #commentAttName {
        border-top: 1px solid #e6e6e6;
        margin-top: 10px;
        display:none;
    }
    #commentContent .attentionPerson{
        padding: 0 2px;
        background: 0 0;
        border: none;
        color: #2691f7;
        -webkit-appearance: button;
        cursor: pointer;
        line-height: normal;
        margin: 0;
        width: auto;
    }
    .comment-uplad{
        border: 1px solid #e6e6e6;
        background-color: #fff;
        color: #666;
        padding: 6px 6px;
        float: left;
    }
    .comment-uplad:hover{
        border: 1px solid #CACACA;
        background-color: #fff;
        color: #666;
    }
    .comment-uplad .icon-photo{
        background-size: 18px;
    }
    .comment-uplad .icon-commentAtt{
        background-size: 18px;
    } 
    .vitoat-inputoract:focus {
	border:none;
	}
</style>
<form id="updform" method="post" style="padding: 5px 20px;">
    <input type="hidden" name="busenessId" id="busenessId"/>
    <table cellpadding="5" style='width:100%;'>
        <tr>
            <td>
                <div>
                    <script id="commentContent" class="vitoat-inputoract" type="text/plain" style="width:100%;height:150px;"></script>
                </div>
            </td>
        </tr>
       <!--  <tr>
            <td><span id="attention" style="color: #398DEE;font-size: 14px;cursor: pointer;">@提醒谁关注</span></td>
        </tr> -->
        <tr>
            <td> 
                <div>
                   <a href="javascript:void(0);" class="easyui-linkbutton comment-uplad" id="commentUpload" style="margin:0px;vertical-align:text-bottom" data-options="iconCls:'icon-photo'">上传图片</a>
                    <a href="javascript:void(0);" class="easyui-linkbutton comment-uplad" id="commentAttUpload" style="margin:0px;margin-left: 20px;vertical-align:text-bottom" data-options="iconCls:'icon-commentAtt'">上传附件</a>
                   <div id="commentImgName" style="clear: both; display: table;">
                   </div>
                    <div id="commentAttName">
                    </div>
                   <input type="hidden" name="commentImg" id="commentImg">        
                    <input type="hidden" name="commentAtt" id="commentAtt">        
              </div> 
                <div>
                    
                </div>
            </td>
        </tr>
        <tr>
            <td>
            </td>
        </tr>
    </table>
</form>
